<root-container
  [headerFixed]="setting.headerFixed"
  [asideFixed]="setting.asideFixed"
  [asideFolded]="setting.asideFolded"
  [asideDock]="setting.asideDock"
  [container]="setting.container"
  [offScreen]="setting.offScreen">
  <header>
    <header-left>
      <button class="pull-right visible-xs" (click)="headerRight.toggleDropDown()" >
        <i class="glyphicon glyphicon-cog"></i>
      </button>
      <button class="pull-right visible-xs"   (click)="toggleOffScreen()">
        <i class="glyphicon glyphicon-align-justify"></i>
      </button>
      <a class="navbar-brand text-lt" routerLink="/signin">
        <i class="fa fa-btc logo"></i>
        <span class="hidden-folded m-l-xs ng-binding">学生信息管理</span>
      </a>
    </header-left>
    <header-right  #headerRight>
      <div class="nav navbar-nav hidden-xs" (click)="toggleAsideFolded()">
        <a  class="btn no-shadow navbar-btn" >
          <i class="fa fa-fw" [ngClass]="{'fa-dedent':!setting.asideFolded,'fa-indent':setting.asideFolded}"  ></i>
        </a>
      </div>
      <ul class="nav navbar-nav navbar-right">
        <li class="dropdown" toggleClass="open" [opt-revokable]="true">
          <a  class="dropdown-toggle clear"  aria-haspopup="true" aria-expanded="false">
              <span class="thumb-sm avatar pull-right m-t-n-sm m-b-n-sm m-l-sm">
                <img src="https://image.xingyunmao.cn/avatar/default/12.png?x-oss-process=image/format,jpg/interlace,1/resize,w_200,h_200/quality,q_80" alt="...">
                <i class="on md b-white bottom"></i>
              </span>
            <span class="hidden-sm hidden-md">{{user.username}}</span> <b class="caret"></b>
          </a>
          <!-- dropdown -->
          <ul class="dropdown-menu animated fadeInRight w">
            <li>
              <a (click)="signOut()">退出登录</a>
            </li>
          </ul>
          <!-- / dropdown -->
        </li>
      </ul>
    </header-right>
  </header>
  <aside-left>
    <nav-wrap *ngIf="user.userType===0">
      <nav-item icon="glyphicon glyphicon-exclamation-sign" text="基本信息" link="/personal">
      </nav-item>
      <nav-item icon="glyphicon glyphicon-copyright-mark" text="成绩管理" link="/score">
      </nav-item>
      <nav-item icon="glyphicon glyphicon-barcode" text="课程管理"  link="/course">
      </nav-item>

      <nav-item icon="glyphicon glyphicon-edit" text="用户管理" link="/user">
      </nav-item>
    </nav-wrap>
    <nav-wrap *ngIf="user.userType===1">
      <nav-item icon="glyphicon glyphicon-exclamation-sign" text="我的账号" link="/myAccount">
      </nav-item>
      <nav-item icon="glyphicon glyphicon-copyright-mark" text="我的成绩" link="/myScores">
      </nav-item>
    </nav-wrap>
  </aside-left>
  <div class="app-content" (click)="setting.offScreen=false">
    <router-outlet></router-outlet>
  </div>
</root-container>











